<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/global.css">
    <script src="js/jquery-3.5.1.js"></script>
    <script src="js/index.js"></script>
    <title>首页</title>
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
                <div class="navbar-brand" style="width: 70px;height: 50px; background:url(images/logo.png) no-repeat;background-size:100% 100%;"></div>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="want.html">求购</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发布<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="release.html">发布商品</a></li>
                            <li><a href="wantToBuy.html">发布求购</a></li>
                        </ul>
                    </li>
                    <li><a href="personalCenter.html">个人中心</a></li>
                    <li><a href="shoppingCart.html">购物车</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">欢迎您<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="userName">未登录</a></li>
                            <li><a href="#" onclick="out()" id="login">登录/注册</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div id="main">
        <div class="search">
            <input type="text" placeholder="请输入您想搜的东西">
            <button type="button" onclick="search()">搜索</button>
        </div>
        <div class="classify">
            <div id="nav">
                <ul id="classifyUl">
                    <li class="classifyLi">手机</li>
                    <li class="classifyLi">平板电脑</li>
                    <li class="classifyLi">笔记本</li>
                    <li class="classifyLi">台式机</li>
                    <li class="classifyLi">电脑配件</li>
                </ul>
            </div>
            <div id="show">
                <div class='sub-item'>
                    <div class="sub-item-top">
                        <span>手机</span>
                    </div>
                    <div class="sub-item-bottom">
                        <ul>
                            <li><img src="images/s1.jpg" alt=""><span>苹果手机</span></li>
                            <li><img src="images/s2.jpg" alt=""><span>小米手机</span></li>
                            <li><img src="images/s3.jpg" alt=""><span>华为手机</span></li>
                            <li><img src="images/s4.jpg" alt=""><span>三星手机</span></li>
                            <li><img src="images/s5.jpg" alt=""><span>oppo手机</span></li>
                            <li><img src="images/s6.jpg" alt=""><span>vivo手机</span></li>
                        </ul>
                    </div>
                </div>
                <div class='sub-item'>
                    <div class="sub-item-top">
                        <span>平板电脑</span>
                    </div>
                    <div class="sub-item-bottom">
                        <ul>
                            <li><img src="images/b1.jpg" alt=""><span>华为平板</span></li>
                            <li><img src="images/b2.jpg" alt=""><span>ipad</span></li>
                            <li><img src="images/b3.jpg" alt=""><span>小米平板</span></li>
                            <li><img src="images/b4.jpg" alt=""><span>微软</span></li>
                        </ul>
                    </div>
                </div>
                <div class='sub-item'>
                    <div class="sub-item-top">
                        <span>笔记本</span>
                    </div>
                    <div class="sub-item-bottom">
                        <ul>
                            <li><img src="images/r1.jpg" alt=""><span>联想</span></li>
                            <li><img src="images/r2.jpg" alt=""><span>戴尔</span></li>
                            <li><img src="images/r3.jpg" alt=""><span>惠普</span></li>
                            <li><img src="images/r4.jpg" alt=""><span>华硕</span></li>
                            <li><img src="images/r5.jpg" alt=""><span>苹果</span></li>
                            <li><img src="images/r6.jpg" alt=""><span>小米</span></li>
                        </ul>
                    </div>
                </div>
                <div class='sub-item'>
                    <div class="sub-item-top">
                        <span>台式机</span>
                    </div>
                    <div class="sub-item-bottom">
                        <ul>
                            <li><img src="images/x1.jpg" alt=""><span>宁美国度</span></li>
                            <li><img src="images/x2.jpg" alt=""><span>联想</span></li>
                            <li><img src="images/x3.jpg" alt=""><span>华硕</span></li>
                            <li><img src="images/x4.jpg" alt=""><span>惠普</span></li>
                            <li><img src="images/x5.jpg" alt=""><span>名龙堂</span></li>
                            <li><img src="images/x6.jpg" alt=""><span>技嘉</span></li>
                            <li><img src="images/x7.jpg" alt=""><span>苹果</span></li>
                        </ul>
                    </div>

                </div>
                <div class='sub-item'>
                    <div class="sub-item-top">
                        <span>电脑配件</span>
                    </div>
                    <div class="sub-item-bottom">
                        <ul>
                            <li><img src="images/y1.jpg" alt=""><span>鼠标</span></li>
                            <li><img src="images/y2.jpg" alt=""><span>键盘</span></li>
                            <li><img src="images/y3.jpg" alt=""><span>耳机</span></li>
                            <li><img src="images/y4.jpg" alt=""><span>显示器</span></li>
                            <li><img src="images/y5.jpg" alt=""><span>音响</span></li>
                            <li><img src="images/y6.jpg" alt=""><span>主板等</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 1000px;height:400px;float: right;">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="images/lun01.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/lun02.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/lun03.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                </a>
            </div>
        </div>
    </div>
    <div class="container projects">
        <div class="row">
            <div class="col-lg-12 h2">推荐商品</div>
            <div class="thumbnail">
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 h2">一般商品</div>
            <div class="thumbnail">
            </div>
        </div>
    </div>

    <div id="fire"></div>
    <div id="footer">
        <div id="footer_main">
            <div class="admin_infos">
                <p>关于我们</p>
                <div class="admin">
                    <div class="admin_tou">
                        <img src="images/wu.jpg" alt="">
                    </div>
                    <div class="admin_info">
                        <br>
                        <p>武友国</p>
                        <p>表面组长</p>
                    </div>
                </div>
                <div class="admin">
                    <div class="admin_tou">
                        <img src="images/qijie.jpg" alt="">
                    </div>
                    <div class="admin_info">
                        <br>
                        <p>张琪</p>
                        <p>核心人物</p>
                    </div>
                </div>
                <div class="admin">
                    <div class="admin_tou">
                        <img src="images/tao.jpg" alt="">
                    </div>
                    <div class="admin_info">
                        <br>
                        <p>江文韬</p>
                        <p>老二刺猿</p>
                    </div>
                </div>
                <div class="admin">
                    <div class="admin_tou">
                        <img src="images/xie.jpg" alt="">
                    </div>
                    <div class="admin_info">
                        <br>
                        <p>谢竺颖</p>
                        <p>蟹老板</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/bc.js" color="240,230,140" opacity="1" count="100" zindex="-1">
    </script>
    <script src="js/bootstrap.js"></script>
</body>

</html>